@font-face {
    font-family: 'Museo';
    src: url('../font/Museo300-Regular.otf');
    font-style: normal;
    font-weight: 300;
} 
@font-face {
    font-family: 'Museo';
    src: url('../font/Museo500.otf');
    font-style: normal;
    font-weight: 500;
} 
@font-face {
    font-family: 'Museo';
    src: url('../font/Museo700-Regular.otf');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Museo';
    src: url('../font/Museo900-Regular_0.otf');
    font-style: normal;
    font-weight: 900;
}



p{
    font-family: 'Museo';
    font-weight: 300;
}
h5, h4{
    font-family: 'Museo';
    font-weight: 300;    
}
h1, h2, h3, strong{
    font-family: 'Museo';
    font-weight: 700; 
}
/* INDEX */
    .anuncio{
        width: 100vw;
        height: 100vh;

    }
    .anuncio img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* HOME */

        /* HEADER HOME */

        .home-infografia{
            height: 210px;
            width: 850px;
        }
        .home-infografia img{
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: left top;
        }

        .home-descargaqr{
            background-color: #535C55;
        }
        .home-appqr{
            background-color: #97BE0D;
        }

        .home-appqr h5, .home-descargaqr h5{
            color: #fff;
        }

        .home-appqr img, .home-descargaqr img{
            border-radius: 5px;
            width: 5rem;
        }

        /* MAIN */
        .container-home{
            position: relative;
            z-index: 99;
        }
        .bg-body{
            background-color: #F4F6FA !important;
        }
        /* Card productos */
        .card-home{
            border: none;
            box-shadow: 3px 3px 10px 0px rgba(0,0,0,.05);
        }
        .card-home img{
            max-width: 90px;
        }
        .headerCard-home{
            border: none;
            background-color: #fff;
            color: #97BE0D;
        }
        .headerCard-home p{
            margin-bottom: 0;
        }
        .headerCard-home p strong{
            font-size: 1.25rem;
        }
        .cardTitle-home{
            font-weight: 700;    
        }        
        .card-text{
            font-size: .9rem;
        }
        .cardPrecio-home{
            font-size: 1.25rem;
            font-weight: 700;
        }
        .card-body .card-text{
            margin-bottom: 0;
        }


        /* FOOTER */
        .paginador-home div{
            background-color: #D9D9D9;
            border-radius: 50px;
            width: 10px;
            height: 10px;
            margin-right: 8px;
        }
        .paginador-home div:last-child{
            margin-right: 0;
        }

        .alergenos{
            position: absolute;
            right: 25px;
            bottom: 20px;
            z-index: 1;
            max-width: 520px;
        }

        .img-logo{
            position: absolute;
            left: 25px;
            bottom: 20px;
            z-index: 1;
        }
        .img-logo img{
            max-width: 150px;
            max-height: 150px;
            height: auto;
        }

/* AVISO */
        .main-aviso{
            height: 100vh;
            width: 100vw;
        }
        .bg-body-aviso{
            background-color: #D6D6D6;
        }
        .img-aviso{
            max-width: 250px;
            max-height: 250px;
        }

/* CARRITO COMPRA */

        .titulo-productos{
            color: #97BE0D;
        }
        .borderbottom{
            border-bottom: 1px solid #535C55;
        }
        .caja-carrito{
            height: 470px;
        }
        .table-carrito{
            font-family: 'Museo';
            font-weight: 300;
        }
        .table-carrito img{
            width: 50px;
            height: auto;
        }

/* LISTADO REPUESTO */
        .caja-repuesto{
            max-height: 470px;
        }

        .table-repuesto{
            padding-right: 50px;
        }

        .table-repuesto img{
            width: 50px;
            height: auto;
        }